import React,{memo} from 'react'
import "../assets/Layout/xiangce.scss"
import { CopyOutlined, LeftOutlined } from '@ant-design/icons'
import { Button, Divider } from 'antd'
import {useNavigate} from "react-router";


function HeaderBox(props){
  const navigate = useNavigate();
  return <>
    <div className="rzHead-mian">
      <div className="rz-l">
        <div onClick={()=>navigate(-1)} className="rzHead-l-icon">
          <LeftOutlined /> 返回
        </div>
        <Divider className="divider" type="vertical" />
        <div className="rzHead-text">{props.props.text}</div>
      </div>
      <div className="rz-r">
        {props.children}
      </div>
    </div>
  </>
}

export default memo(HeaderBox)
